/* @START: All style variables are here
 * @Author: Hewel
 * @Date: 2018-03-27 17:09:28
 * @Last Modified by: Hewel
 * @Last Modified time: 2018-04-05 19:48:57
 */

//Mark: Here are the color values
$body-background-color: #3c3f41;
$background-color: #f5f5f5;
$card-color: #fff;
$hover-background-color: #eceff1;
$base-color: #3dc1ff;
$main-color: #00b7e5;
$font-color: #34495e;
$font-color-light: #73797a;
$link-color: #314d58;
$scrollBar-color: #d4d8db;
$hover-scrollBar-color: #c5ccd1;
$box-shadow-color: rgba(96, 125, 139, 0.16);

//Mark: Here are the shadow values
$menu-shadow: 1px 0 6px 0px $box-shadow-color;
$card-shadow: 0 1px 6px 0px $box-shadow-color;

//MARK: Here are the length values
$unfold-scrollBar-width: 1.6rem;
$shrink-scrollBar-width: .4rem;
$menu-width: 6.4rem;
$menu-margin-top: $menu-width;
$menu-item-line-height: $menu-width;
$bar-height: $menu-width;
$main-padding-row: 4rem;
$main-padding-column: 3.2rem;
$content-margin-row: 2.4rem;
$content-margin-column: 2rem;
$link-padding-row: 1.6rem;
$link-margin-bottom: 4.8rem;
$link-icon-margin-right: $link-padding-row;
$link-width: 16.8rem;
$tip-width: 10.4rem;
$view-box-width: 44rem;
$logo-size: 4rem;
$title-margin-right: $link-padding-row;

//MARK: Here are the font sizes
$menu-font-size: 2rem;
$menu-icon-size: $menu-font-size + .4rem;
$logo-font-size: $menu-font-size;
